<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <title>${seo_title!}</title>
    <meta name="keywords" content="${seo_keywords!}" />
    <meta name="description" content="${seo_description!}" />
    <meta name="author" content="28844 Team" />
    <meta name="copyright" content="2018 28844.com" />
    <!-- Bootstrap -->
    <link href="/assets/js/vendors/bootstrap/css/bootstrap.min.css" rel="stylesheet">
    <link href="/assets/js/vendors/font-awesome/css/font-awesome.css" rel="stylesheet">
    <link rel="stylesheet" media="screen" href="/assets/skin/pc_theme/defalut/css/index.css" />
    <link rel="stylesheet" media="screen" href="/assets/skin/pc_theme/defalut/css/global.css" />
    <link rel="stylesheet" media="screen" href="/assets/js/vendors/prettify/sunburst-by-james-for-prettify.css" />
    <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
    <script src="http://cdn.bootcss.com/html5shiv/3.7.2/html5shiv.min.js"></script>
    <script src="http://cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->
    <script type="text/javascript" src="/assets/skin/pc_theme/defalut/js/sea.js"></script>
    <script type="text/javascript" src="/assets/skin/pc_theme/defalut/js/sea.config.js"></script>
    <script type="text/javascript" src="/user/status.json"></script>
</head>
<body>
<#include "common/header.html">

<div class="wrap">
    <div class="container">
        <div class="row mt-10">
            <div class="col-xs-12 col-md-9 main">
                <div class="tablist-header">
                    <ul>
                        <li><a class="active" href="/">推荐</a></li>
                        <li><a href="/">关注</a></li>
                        <li><a href="/">热榜</a></li>
                    </ul>
                </div>
                <div class="index-list">
                    <@fly_infopage p="${p!}">
                    <#if info_page.list?size gt 0>
                    <#list info_page.list as list>
                    <#if list.infoType=0>
                        <#include "common/type_question.html">
                    </#if>
                    <#if list.infoType=1>
                        <#include "common/type_article.html">
                    </#if>
                    <#if list.infoType=2>
                        <#include "common/type_share.html">
                    </#if>
                    </#list>
                    <#else>
                        <div class="init">
                            <p class="text-center">
                                (ﾟ∀ﾟ　)<br>  暂时没有任何数据
                            </p>
                        </div>
                    </#if>
                    <div class="text-center">
                        <ul class="pagination">
                         ${info_page.pageNumHtml}
                        </ul>
                    </div>
                    </@fly_infopage>
                </div>

            </div>
            <div class="col-md-3 hidden-xs side">
                <div class="side-alert alert alert-link">
                    <a href="/question/add" class="btn btn-warning btn-block">我要提问</a>
                    <a href="/article/add" class="btn btn-primary btn-block">分享经验</a>
                </div>
                <div class="widget-box">
                    <h4 class="widget-box-title">最新公告</h4>
                    <ul class="widget-links list-unstyled">
                        <li class="widget-links-item">
                            <a title="FlyCms 发布1.0测试版" href="#">FlyCms 发布1.0测试版</a>
                        </li>
                        <li class="widget-links-item">
                            <a title="用FlyCms如何运营问答社区平台" href="#">用FlyCms如何运营问答社区平台</a>
                        </li>
                        <li class="widget-links-item">
                            <a title="行家招募令，大牛快来认证吧！" href="#">行家招募令，大牛快来认证吧！</a>
                        </li>
                        <li class="widget-links-item">
                            <a title="FlyCms如何二次开发" href="#">FlyCms如何二次开发</a>
                        </li>
                        <li class="widget-links-item">
                            <a title="FlyCms如何安装" href="#">FlyCms如何安装</a>
                        </li>
                    </ul>
                </div>

                <div class="widget-box">
                    <h2 class="h4 widget-box-title">热议话题 <a href="#" title="更多">»</a></h2>
                    <ul class="taglist-inline multi">
                        <@fly_topicpage  orderby="rand" rows="25">
                        <#list topic_page.list as list>
                        <li class="tagPopup"><a class="tag" data-toggle="popover"  href="/topics/${list.shortUrl!}">${list.topic!}</a></li>
                        </#list>
                        </@fly_topicpage>
                    </ul>
                </div>

                <div class="widget-box mt30">
                    <h2 class="widget-box-title">
                        财富榜  <a href="#" title="更多">»</a>
                    </h2>
                    <@fly_userhotpage>
                    <ol class="widget-top10">
                        <#list hot_page.list as list>
                        <@fly_userinfo userId="${list.userId!}">
                        <li class="text-muted">
                            <img class="avatar-32" src="<#if userinfo.avatar??><@fly_avatar avatarurl=userinfo.avatar avatar="avatar1" /><#else>/assets/skin/pc_theme/defalut/images/avatar/128x128.jpg</#if>">
                            <a href="/people/${userinfo.userId!}" class="ellipsis" target="_blank">${userinfo.nickName!}</a>
                            <@fly_usercount userId="${list.userId!}">
                            <span class="text-muted pull-right">${count.score!} 金币</span>
                            </@fly_usercount>
                        </li>
                        </@fly_userinfo>
                        </#list>
                    </ol>
                    </@fly_userhotpage>
                </div>
            </div>
        </div>

    </div>
</div>

<#include "common/footer.html">
<script type="text/javascript"> seajs.use('loginbox', function(loginbox){}); </script>
<script type="text/javascript"> seajs.use('index', function(index){}); </script>
<script type="text/javascript"> seajs.use('main', function(main){}); </script>
</body>
</html>